<template>
  <div class="notepad">
    <h3>Math Notepad</h3>
    <div class="mathnotepad-embed" data-contents="N4IgzgLghhCmIC5RlgG1gYwgSwPYDtFRt8ATWAD0QAYAacaAJwhvtjJoF96wNHdUqACq4ADlzYVRjWGDB58YRAG1QANyioArvAQgQ9ALaxoRTpwC69NbEbyCiAMz0to0jFilEIAEzUfPgC01ACsgQCMABxC4QAsCD4AnAk%2BAHThAGzUAFognEA%3D%3D"></div>
  </div>
</template>
<script>
export default {
  name: "Notepad"
}
</script>

<style scoped>
.notepad{
  top: 0;
  left: 0;
  padding: 8px;
}
.notepad{
  text-align: center;
  width: 520px;
  height: 400px;
  overflow: auto;
  margin-bottom: 20px;
}
.notepad > h3{
  padding-bottom: 10px;
}
</style>